#svg {
  width: 500px;
  height: 500px;
  border: solid #ccc;
  user-select: none;
}

.title {
  font-size: 8px;
  font-weight: bold;
  font-style: italic;
  fill: brown;
}

.y-text {
  font-size: 8px;
  fill: #ccc;
  text-anchor: end;
}

.x-line {
  fill: none;
  stroke: #ccc;
  stroke-width: 1;
}

.x-text {
  font-size: 8px;
  fill: #fac;
  text-anchor: middle;
}

.data-circle {
  fill: #fff;
  stroke: #5c79d1;
  stroke-width: 1px;
}
.data-circle circle {
  r: 1px;
}

.data-line {
  fill: none;
  stroke: #5c79d1;
  stroke-width: 1px;
}

.data-circle circle:hover {
  r: 2px;
  cursor: pointer;
}

.tag {
  width: 30px;
  height: 20px;
  position: absolute;
  background-color: #fff;
  display: none;
  padding: 5px 10px;
  border:1px solid #ccc;
  border-radius: 4px;
}
